<template>
  <div class="infinite-container">
   
    <mu-list class="bgwhite">
      <template v-for = "(nav, i) in navs">
        <mu-sub-header v-if="!nav.to" :key="i">{{nav.title}}</mu-sub-header>
        <template v-else>
          <mu-list-item :title="nav.title" :to="nav.to" :key="i"> 
            <i slot="right" class="iconfont icon-small-arrow-right"/>
          </mu-list-item>
          <mu-divider :key="i"/>
        </template>
      </template>  
      
    </mu-list>
  </div>
</template>
<script>
export default {
  name: 'Index',
  data () {
    return {
      navs: [
        {
          title: '医院信息'
        },
        {
          title: '医院介绍',
          to: '/about'
        },
        {
          title: '科室介绍',
          to: '/about/depts'
        },
        {
          title: '医生介绍',
          to: '/about/doctors'
        },
        {
          title: '医院导航',
          to: '/about/nav'
        },
        {
          title: '就诊指南',
          to: '/about/guide'
        },
        {
          title: '智能导诊',
          to: '/about/interguide'
        },
        {
          title: '健康宣教',
          to: '/about/news'
        },
        {
          title: '个人中心'
        },
        {
          title: '用户绑定',
          to: '/login?openId=xxxxxxxxxxxxxxxxxxxxxx'
        },
        {
          title: '用户设置',
          to: '/setting'
        },
        {
          title: '就诊服务'
        },
        {
          title: '门诊就医',
          to: '/appointment'
        }
      ]
    }
  },
  mounted () {
  },
  methods: {
  },
  beforeDestroy () {
  }
}
</script>
<style lang="less">
 @import '../common/css/vars.less';
</style>
